<div data-page="membercard" class="page">
    <div class="page-content">
        <ul style="margin-left: 0;padding-left: 0">

            <div style="height: 300px;margin: 1em;">
                <div id="qrlogo">
                    <img src="{{static 'img/membercard2.png'}}" style="border-radius: 8px;width:100%;"/>
                    <div class="membercard-bar-no" style="margin-left:1em;position: relative;bottom: 2em; display: inline;color: white;font-size: larger;font-weight:800">NO:{{phone}}</div>
                </div>
                <!--<div  style="z-index:999;float: right;width:100px;height:100px;margin-top: -100px;padding: 0;"></div>-->
            </div>

        </ul>
            {{#with cardid}}
                <ul style="margin-left: 0;padding-left: 0">
                    {{#each this}}
                        <div  style="background:url({{static 'img/membercard2.png'}})" class="card membercard-bar">
                            <div class="card-content">
                                <div class="card-content-inner membercard-bar-pos">
                                    <h2 style="margin-top: 18px">{{cinema_name}}</h2>
                                    <div class="membercard-bar-no">No.{{card_id}}</div>
                                    <!--<div class="peroid">有效期：{{start_time}}至{{end_time}}</div>-->
                                </div>
                            </div>
                        </div>
                    {{/each}}
                </ul>
            {{/with}}
        </div>
    </div>
</div>

